<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div {
            /* 文字的颜色 */
            color: rgb(8, 157, 110);
            background-color: rgb(197, 197, 197);
            /* # 16进制的写法 a-f不分大小写 */
            /* background-color: #cd123a; */
            /* background-color: #ff0012; */
            /* 简写 */
            /* background-color: #F00; */

            /* 字体大小偶数为主  量高度   网页上最小的字体大小为12px    网页默认16px*/
            font-size: 2px;

            width: 100px;
            height: 100px;

            /* 文本水平对齐方式  left / right / center / justify两端对齐，目前浏览器暂不支持 */
            text-align: center;

            /* 行高 */
            line-height: 80px;
        }
    </style>
</head>

<body>

    <div>哈哈</div>

</body>

</html>